<template>
<div class="detail__h">

<iframe :src=url frameborder="0" width="100%" height="calc(100%-100px)" id="detail__h">

</iframe>
<!-- <iframe src="http://view.officeapps.live.com/op/view.aspx?src=http://shallowsunlight.cn/excel.xlsx
" frameborder="0"></iframe> -->


<!-- <iframe src="http://shallowsunlight.cn/pdf.pdf"  width="100%" height="100%">
This browser does not support PDFs. Please download the PDF to view it: <a href="http://shallowsunlight.cn/pdf.pdf">Download PDF</a>
</iframe> -->



</div>

</template>
<script>
export default{
data() {
    return {
      url:'',
    }
  },
created(){
this.urlData();
},
mounted(){
$("#detail__h").height($(window).height());
},
methods:{
urlData(){
this.url = "https://view.officeapps.live.com/op/view.aspx?src=http://zhibantest.iclass.cn/file/getFile?id="+this.$route.query.id;
},
},

}
</script>
<style lang="scss" scoped>
.detail__h{
  height: calc(100%);
  height: 100%;
}
</style>
